<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width" />
	<title>子页面</title>
	<link rel="stylesheet" type="text/css" href="/static/stylesheets/detail.css">
	<link rel="stylesheet" type="text/css" href="/static/stylesheets/flexcss.css">
	<link rel="stylesheet" type="text/css" href="/static/stylesheets/yue.css">
</head>
<body class="HolyGrail">
	<?php $this->load->view('inc/header');?>
	<div class="head-img">
		<div class="group">
			<span class="title">关于我们</span>
			<span class="vice-title">About Us</span>
		</div>
	</div>
	<main class="HolyGrail-body">
		<section class="right-panel HolyGrail-content">
			<div class="panel-header">
				<div class="breadcrumbs">
					<ul>
						<li>当前位置：</li>
						<li><a href="/home">首页</a><i class="iconfont icon-arrowright"></i></li>
						<li><a>关于我们</a></i></li>
					</ul>
				</div>
				<span class="title">关于我们</span>
			</div>
			<div class="panel-body max-w-690">
				<div class="content-box yue">
					<p>本网站由中国地震台网中心地震台网部负责维护和管理。</p>
					<p>中国地震台网中心于2004年10月18日成立，它是中国地震局直属事业单位，是我国防震减灾工作的重要业务枢纽、 核心技术平台和基础信息国际交流的重要窗口。中国地震台网中心承担着全国地震监测、地震中短期预测和地震速报；国 务院抗震救灾指挥部应急响应和指挥决策技术系统的建设和运行；全国各级地震台网的业务指导和管理；各类地震监测数 据的汇集、处理与服务；地震信息网络和通讯服务以及地震科技情报研究与地震科技期刊管理等。</p>
				</div>
			</div>	
		</section>
		<nav class="left-panel">
			<div class="head-block">
				<span class="title">监测省份</span>
				<span class="vice-title">provinces</span>
			</div>
			<div class="panel-body">
				<ul>
					<li class="dropdown">
						<i class="iconfont icon-arrowright-t open"></i>
						<a  data-toggle="dropdown" class="open">北京</a>
						<ul class="dropdown-menu">
							<li><a >戒台寺</a><i class="iconfont icon-arrowright"></i></li>
							<li><a >香山</a><i class="iconfont icon-arrowright"></i></li>
							<li><a >妙峰山</a><i class="iconfont icon-arrowright"></i></li>
						</ul>
					</li>
					<li class="dropdown"><i class="iconfont icon-arrowright-t close"></i><a  data-toggle="dropdown">新疆维吾尔自治区</a></li>
					<li class="dropdown"><i class="iconfont icon-arrowright-t close"></i><a  data-toggle="dropdown">陕西</a></li>
					<li class="dropdown"><i class="iconfont icon-arrowright-t close"></i><a  data-toggle="dropdown">甘肃</a></li>
					<li class="dropdown"><i class="iconfont icon-arrowright-t close"></i><a  data-toggle="dropdown">河南</a></li>
					<li class="dropdown"><i class="iconfont icon-arrowright-t close"></i><a  data-toggle="dropdown">内蒙古</a></li>
				</ul>
			</div>
		</nav>
	</main>
	
	<script src="/static/javascripts/jquery-1.11.3.min.js"></script>
	<script src="/static/javascripts/main.js"></script>
	<script type="text/javascript">	
		$('[data-toggle="dropdown"]').on('click',function() {
			var others = $(this).closest('.dropdown').siblings().find('[data-toggle="dropdown"]')
			others.removeClass('open').siblings('.dropdown-menu').hide(650).siblings('.iconfont').removeClass('open').addClass('close');
			$(this).siblings('.dropdown-menu').find('li').removeClass('active');
			if ($(this).hasClass('open')){
				$(this).toggleClass('open').siblings('.dropdown-menu').slideUp(650);
			} else {	
				$(this).toggleClass('open').siblings('.dropdown-menu').slideDown(650);
			}
			$(this).siblings('.iconfont').toggleClass('open').toggleClass('close');
		})
		$('.dropdown-menu li').on('click', function() {
			$(this).siblings().removeClass('active');
			$(this).toggleClass('active').closest('ul').siblings('[data-toggle="dropdown"]').addClass('li-clicked');
			event.stopPropagation();
		});
	</script>
</body>
</html>
